<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*"%>
<%@include file="../validausuario.jsp"%>

<%
	if (request.getParameter("id_not") == null) {
		response.sendRedirect("Noticias.jsp");
		return;
	}
	
	String id_not = (String)request.getParameter("id_not");
	db conexion = new db();
	ManejadorNoticias not = new ManejadorNoticias(conexion);
	Noticias doc=new Noticias();

	if (not.Find(id_not)) {
	doc=not.getNot();
	}
	String h=conexion.current_date();
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Odisea - Modificar Noticia</title>
<link rel="stylesheet" href="../themes/redmond/jquery.ui.all.css">
	<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
	<script src="../ui/jquery-1.8.0.js" language="JavaScript"></script>
	<script src="../ui/jquery.ui.core.js" language="JavaScript"></script>
	<script src="../ui/jquery.ui.widget.js" language="JavaScript"></script>
	<script src="../ui/jquery.ui.tabs.js" language="JavaScript"></script>
	<script src="../ui/jquery.ui.button.js"></script>
	<script src="../ui/jquery.effects.core.js"></script>
	<script src="../ui/jquery.effects.slide.js"></script>
	<script src="../ui/jquery.ui.datepicker.js"></script>
	<script src="../ui/jquery.effects.explode.js"></script>
	<script src="../ui/jquery.effects.fold.js"></script>
	<script src="../ui/jquery.effects.slide.js"></script>
	<script src="../ui/jquery.ui.draggable.js"></script>
	<script src="../ui/jquery.ui.position.js"></script>
	<script src="../ui/jquery.ui.resizable.js"></script>
	<script src="../ui/jquery.ui.dialog.js"></script>
	<script src="../ui/jquery.effects.core.js"></script>
	<script src="../ui/jquery.ui.widget.js"></script>
	<script src="../ui/jquery.ui.mouse.js"></script>
	<script src="../ui/jquery.bgiframe-2.1.2.js"></script>
	<link rel="stylesheet" href="../demos.css">
	<script>
	$(function() {
	$( "#fec_pub" ).datepicker({
		showOn: "button",
		buttonImage: "../images/calendar.gif",
		buttonImageOnly: true
	});
	$( "#fec_pub" ).datepicker( "option", "showAnim", "slide" );
	$( "#fec_fin" ).datepicker({
		showOn: "button",
		buttonImage: "../images/calendar.gif",
		buttonImageOnly: true
	});
	$( "#fec_fin" ).datepicker( "option", "showAnim", "slide" );
	$( "input:submit, a, button", ".demo" ).button();
	$( "input:button, a, button", ".demo" ).button();
	$( "a", ".demo" ).click(function() { return false; });
	$("#categorias").val(<%=doc.getCategoria() %>);
	$("#titulo").val(<%=doc.getTitulo() %>);
	});
	
	function validar() {
		tips = $( ".validateTips" );
		tips
		.html("")
		.removeClass( "ui-state-error" );
		var titulo = $("#titulo").val();
		var cuerpo= $("#cuerpo").val();
		var fec_pub=$("#fec_pub").val();
		var fec_fin=$("#fec_fin").val();
		var categoria=$("#categorias").val();
		//var clave =  $("#password").val();
		var fhy= <%="'"+h+"'"%>;
		
		var fh=new Date(fhy);
		var fp=new Date(fec_pub);
		var ff=new Date(fec_fin);
		if(titulo==""){
			tips = $( ".validateTips" );
			tips
			.html("Debe proporcionar el titulo de la Noticia.")
			.addClass( "ui-state-error" );
			//alert("Debe seleccionar al menos un rol para asignarle permiso");
			return false;
		}
		if(fec_pub==""){
			tips = $( ".validateTips" );
			tips
			.html("Debe seleccionar la fecha de publicaci&oacute;n.")
			.addClass( "ui-state-error" );
			//alert("Debe seleccionar al menos un rol para asignarle permiso");
			return false;
		}
		if(fec_fin==""){
			tips = $( ".validateTips" );
			tips
			.html("Debe seleccionar la fecha de finalizaci&oacute;n.")
			.addClass( "ui-state-error" );
			//alert("Debe seleccionar al menos un rol para asignarle permiso");
			return false;
		}
		if(cuerpo==""){
			tips = $( ".validateTips" );
			tips
			.html("Debe escribir el cuerpo de la Noticia")
			.addClass( "ui-state-error" );
			//alert("Debe seleccionar al menos un rol para asignarle permiso");
			return false;
		}
		if (fp<fh){
			
			tips = $( ".validateTips" );
			tips
			.html("la fecha de publicaci&oacute;n debe ser posterior o igual a la fecha actual")
			.addClass( "ui-state-error" );
			//alert("Debe seleccionar al menos un rol para asignarle permiso");
			return false;
		}
		if (ff<=fp){
			tips = $( ".validateTips" );
			tips
			.html("la fecha de finalizaci&oacute;n debe ser posterior a la fecha de publicaci&oacute;n")
			.addClass( "ui-state-error" );
			//alert("Debe seleccionar al menos un rol para asignarle permiso");
			return false;
		}
			$.post(
					"../SrvNoticias", {
						titulo : titulo,
						cuerpo: cuerpo,
						fec_pub:fec_pub,
						fec_fin:fec_fin,
						categoria:categoria,
						key:<%=id_not%>,
						operacion:"modify"
					},
					procesar
				);
		function procesar(resultado) {
			if (resultado == "OK") {
				tips = $( ".validateTips" );
				tips
				.html("Se actualiz&oacute; la Noticia con &eacute;xito.")
				.addClass( "ui-state-highlight" );
				window.location.href="Noticias.jsp?menu=1";
			}else {
				tips = $( ".validateTips" );
				tips
				.html(resultado)
				.addClass( "ui-state-error" );
			}
		}	
	}
	function cancelar() {
		window.location.href="Noticias.jsp?menu=1";
	}
	</script>
</head>
<body>
<%@include file="../headerMan.jsp"%>
<div class="contencenter demo">
<div id="effect" class="ui-widget-content ui-corner-all">
		<h3 class="ui-widget-header ui-corner-all" style="text-align:center;">Registro de Noticia</h3>
		<p class="validateTips"></p>
			<form name="form1" id="form1" method="post" >
			<p class="validateTip"></p>
			<table style="width: 100%;">
            <tr>
                <td>
                    Categoria</td>
                <td>
                T&iacute;tulo</td>
                <td>
                Fecha de Publicaci&oacute;n
                </td>
                <td>
                Fecha de finalizaci&oacute;n
                </td>
            </tr>
            <tr>
                <td>
                    <%HtmlCategorias cat=new HtmlCategorias(); %>
                    <select id="categorias" name="categorias">
                    <%out.print(cat.LlenarCombo()); %>
                    </select></td>
                <td>
                    <input name="titulo" id="titulo" size="80" class="text ui-widget-content ui-corner-all" value="<%=doc.getTitulo()%>"/></td>
                <td>
                    <div class="jcalendar"><input type="text" class="date-pick ui-widget-content ui-corner-all" id="fec_pub" name="fec_pub" value="<%=doc.getFec_pub().replace("-","/")%>" size="10" /></div>
                </td>
                <td>
                    <div class="jcalendar"><input type="text" class="date-pick ui-widget-content ui-corner-all" id="fec_fin" name="fec_fin" value="<%=doc.getFec_fin().replace("-","/")%>" size="10" /></div>
                </td>
            </tr>
            <tr>
                <td colspan=4>
                    <textarea rows="20" cols="130" id="cuerpo" name="cuerpo" class="textarea ui-widget-content ui-corner-all"><%=doc.getCuerpo()%></textarea>
                </td>
            </tr>
            <tr>
				<td colspan=4>
				<div id="MsgResult"></div>
				<div id="Titulo" style="width: 100%; text-align:center;">
				<input type="button" name="cmd_agregar" id="cmd_agregar" value = "Publicar Noticia" onclick="javascript:validar();">
				<input type="button" name="cmd_Cancel" id="cmd_Cancel" value="Cancelar" onclick="window.location.href='Noticias.jsp?menu=1';">
				</div>
				</td>
			</tr>
        </table>
</form>	
</div>
</div>
<%@include file="../foot.jsp"%>
</body>
</html>